<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Buynow`s Blog</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<header>
    <nav class="navbar navbar-toggleable-sm navbar-inverse bg-inverse ">
        <div class="container">

            <div class="navbar-header" >
                <a class="navbar-brand" href="#" >
                    <img alt="Buynow" src="logo/logo-w.png" style="max-height: 30px;">
                </a>
            </div>
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li class="dropdown-header">Nav header</li>
                        <li><a href="#">Separated link</a></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav pull-right">
                <li><a href="#about">登陆</a></li>
            </ul>

        </div>
    </nav>
</header>
<div class="container">
    <div class="row">
        <div class="col-md-8">
            <div class="index-post">
                <div class="plate">
                    <div class="plate-content">
                        <h3>
                            <a href="#" target="_blank">Java 算法数据结构实现及其解析</a>
                        </h3>
                        <div class="row">
                            <div class="col-md-3"><span class="glyphicon glyphicon-user"></span> Buynow</div>
                            <div class="col-md-3"><span class="glyphicon glyphicon-bookmark"></span> Java</div>
                            <div class="col-md-3"><span class="glyphicon glyphicon-tags"></span> Java 算法</div>
                            <div class="col-md-3"><span class="glyphicon glyphicon-time"></span> 17/08/17 15:14</div>
                        </div>
                        <div class="row index-post-content">
                            <div class="col-md-4" style="height: 100%;">
                                <img src="logo/logo-b.png" style="width: 220px;height: 140px;border: double"/>
                            </div>
                            <div class="col-md-8" style="height: 140px;overflow: hidden;">
                                <span>
                                    最近有事耽搁了一段时间； 以至于让这篇文章迟到了一段时间； 上上篇文章我就简单的聊了下目录； 下面就有请控制器上场了； 在使用thinkphp创建控制器的时候； 我们都是手动创建一个php文件； 然后再手动写控制器名继承； 这种重复劳动对我这懒人来说是相当折磨的； so；为了偷懒； 我当年还专门研究怎么使用编辑器快速生成代码； 使用 sublime 的童鞋们可以瞅两眼...
                                    最近有事耽搁了一段时间； 以至于让这篇文章迟到了一段时间； 上上篇文章我就简单的聊了下目录； 下面就有请控制器上场了； 在使用thinkphp创建控制器的时候； 我们都是手动创建一个php文件； 然后再手动写控制器名继承； 这种重复劳动对我这懒人来说是相当折磨的； so；为了偷懒； 我当年还专门研究怎么使用编辑器快速生成代码； 使用 sublime 的童鞋们可以瞅两眼...
                                </span>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <div class="index-post">
                <div class="plate">
                    <div class="plate-content">
                        <h3>
                            <a href="#" target="_blank">Java 算法数据结构实现及其解析</a>
                        </h3>
                        <div class="row">
                            <div class="col-md-3"><span class="glyphicon glyphicon-user"></span> Buynow</div>
                            <div class="col-md-3"><span class="glyphicon glyphicon-bookmark"></span> Java</div>
                            <div class="col-md-3"><span class="glyphicon glyphicon-tags"></span> Java 算法</div>
                            <div class="col-md-3"><span class="glyphicon glyphicon-time"></span> 17/08/17 15:14</div>
                        </div>
                        <div class="row index-post-content">
                            <div class="col-md-4" style="height: 100%;">
                                <img src="logo/logo-b.png" style="width: 220px;height: 140px;border: double"/>
                            </div>
                            <div class="col-md-8" style="height: 140px;overflow: hidden;">
                                <span>
                                    最近有事耽搁了一段时间； 以至于让这篇文章迟到了一段时间； 上上篇文章我就简单的聊了下目录； 下面就有请控制器上场了； 在使用thinkphp创建控制器的时候； 我们都是手动创建一个php文件； 然后再手动写控制器名继承； 这种重复劳动对我这懒人来说是相当折磨的； so；为了偷懒； 我当年还专门研究怎么使用编辑器快速生成代码； 使用 sublime 的童鞋们可以瞅两眼...
                                    最近有事耽搁了一段时间； 以至于让这篇文章迟到了一段时间； 上上篇文章我就简单的聊了下目录； 下面就有请控制器上场了； 在使用thinkphp创建控制器的时候； 我们都是手动创建一个php文件； 然后再手动写控制器名继承； 这种重复劳动对我这懒人来说是相当折磨的； so；为了偷懒； 我当年还专门研究怎么使用编辑器快速生成代码； 使用 sublime 的童鞋们可以瞅两眼...
                                </span>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <div class="index-post">
                <div class="plate">
                    <div class="plate-content">
                        <h3>
                            <a href="#" target="_blank">Java 算法数据结构实现及其解析</a>
                        </h3>
                        <div class="row">
                            <div class="col-md-3"><span class="glyphicon glyphicon-user"></span> Buynow</div>
                            <div class="col-md-3"><span class="glyphicon glyphicon-bookmark"></span> Java</div>
                            <div class="col-md-3"><span class="glyphicon glyphicon-tags"></span> Java 算法</div>
                            <div class="col-md-3"><span class="glyphicon glyphicon-time"></span> 17/08/17 15:14</div>
                        </div>
                        <div class="row index-post-content">
                            <div class="col-md-4" style="height: 100%;">
                                <img src="logo/logo-b.png" style="width: 220px;height: 140px;border: double"/>
                            </div>
                            <div class="col-md-8" style="height: 140px;overflow: hidden;">
                                <span>
                                    最近有事耽搁了一段时间； 以至于让这篇文章迟到了一段时间； 上上篇文章我就简单的聊了下目录； 下面就有请控制器上场了； 在使用thinkphp创建控制器的时候； 我们都是手动创建一个php文件； 然后再手动写控制器名继承； 这种重复劳动对我这懒人来说是相当折磨的； so；为了偷懒； 我当年还专门研究怎么使用编辑器快速生成代码； 使用 sublime 的童鞋们可以瞅两眼...
                                    最近有事耽搁了一段时间； 以至于让这篇文章迟到了一段时间； 上上篇文章我就简单的聊了下目录； 下面就有请控制器上场了； 在使用thinkphp创建控制器的时候； 我们都是手动创建一个php文件； 然后再手动写控制器名继承； 这种重复劳动对我这懒人来说是相当折磨的； so；为了偷懒； 我当年还专门研究怎么使用编辑器快速生成代码； 使用 sublime 的童鞋们可以瞅两眼...
                                </span>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
        <div class="col-md-4">
            <div class="plate">
                <div class="plate-title">热门标签</div>
                <div class="plate-content">
                    <a class="badge badge-default">Default</a>
                    <a class="badge badge-primary">Primary</a>
                    <a class="badge badge-success">Success</a>
                    <a class="badge badge-info">Info</a>
                    <a class="badge badge-warning">Warning</a>
                    <a class="badge badge-danger">Danger</a>
                </div>
            </div>

            <div class="plate">
                <div class="plate-title">推荐博文</div>
                <div class="plate-content">
                    <a class="post-title" href="#" target="_blank" ><span class="glyphicon glyphicon-th-list"></span> Java编程思想</a>
                    <a class="post-title" href="#" target="_blank" ><span class="glyphicon glyphicon-th-list"></span> Java编程思想</a>
                    <a class="post-title" href="#" target="_blank" ><span class="glyphicon glyphicon-th-list"></span> Java编程思想</a>
                    <a class="post-title" href="#" target="_blank" ><span class="glyphicon glyphicon-th-list"></span> Java编程思想</a>
                </div>
            </div>
            <div class="plate">
                <div class="plate-title">博文搜索</div>
                <div class="plate-content row">
                    <form class="navbar-form" role="search">
                        <div class="col-md-8" style="padding-left: 0px;padding-right: 0px">
                            <input type="text" class="form-control" placeholder="Search" style="width: 100%;">
                        </div>
                        <div class="col-md-4" style="padding-right: 5px">
                            <button type="submit" class="btn btn-default" style="width: 100%;">搜&nbsp;索</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script src="node_modules/jquery/dist/jquery.min.js"  ></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</body>
</html>